<template>
    <div class="nomessage">
        <div class="body">
            <template>
                <div style="margin-top: 30vw"  class="md-example-child md-example-child-result-page md-example-child-result-page-3">
                    <md-result-page
                            class="customized"
                            img-url="https://i.loli.net/2018/10/08/5bbac91b8305e.png"
                            text="暂无消息"
                            >
                    </md-result-page>
                </div>
            </template>
        </div>
    </div>
</template>

<script>
import { ResultPage } from 'mand-mobile';

export default {
  name: 'nomessage',
  components: {
    [ResultPage.name]: ResultPage,
  },
};
</script>

<style lang="stylus" scoped>

    .md-result-page.customized
        img
            width auto
            height 131px
</style>
<style lang="scss" scoped>
    @import '@/css/public.scss';
    .nomessage{
        display: flex;
        flex-direction:column;
        height: 100%;
        .top{
            width: 100%;
            height: vw(50);
            background:-webkit-linear-gradient(408deg,#ffb001,#f6b21c 13%,#ff9800);
            position: relative;
            .ret{
                float: left;
                height: vw(50);
                line-height: vw(50);
                font-size: vw(20);
                margin-left: vw(20);
                color: white;
            }
            .txt{
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                height: vw(50);
                line-height: vw(50);
                font-size: vw(16);
                color: white;
            }

        }
        .body{
            height:0;
            flex-grow:1;
            z-index:1;
            overflow:auto;
            background-color: #fbf9f9;


        }
    }
</style>
